﻿<!DOCTYPE HTML>
<html>
<head>
	<title>telier大学</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<link href="__TMPL__Public/assets/css/bootstrap.css" rel='stylesheet' type='text/css' />

	<link href="__TMPL__Public/assets/css/style.css" rel='stylesheet' type='text/css' />
	<link href="__TMPL__Public/assets/css/swiper.min.css" rel='stylesheet' type='text/css' />
	<link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/kefu.css" />
	

	<script src="__TMPL__Public/assets/js/jquery-1.9.1.min.js"></script>
	<!---strat-slider---->
	<link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/slider.css" />
	<script type="text/javascript" src="__TMPL__Public/assets/js/modernizr.custom.28468.js"></script>
	<script type="text/javascript" src="__TMPL__Public/assets/js/jquery.cslider.js"></script>
				<script type="text/javascript">
					$(function() {
					
						$('#da-slider').cslider({
							autoplay	: true,
							bgincrement	: 450
						});
					
					});
				</script>
			<!---//end-slider---->
	<script type="text/javascript" src="__TMPL__Public/assets/js/jquery.openCarousel.js"></script> 	
	<script src="__TMPL__Public/assets/js/easyResponsiveTabs.js" type="text/javascript"></script>
	<script src="__TMPL__Public/assets/js/hover_pack.js"></script>
	<script type="text/javascript">
	    $(document).ready(function () {
	        $('#horizontalTab').easyResponsiveTabs({
	            type: 'default', //Types: default, vertical, accordion           
	            width: 'auto', //auto or any width like 600px
	            fit: true   // 100% fit in a container
	        });
	    });
	</script>
	
	<style>
		.swiper-container {
    height: 460px;
}  
	</style>
</head>
<body>
	<tc_include file="Public:head"/>
	<div class="main">
		<div class="content-top">
		    <div class="container">
			    <div class="row content_grid1">
				  <div class="col-md-4 popular_topics">
					<ul class="topic_grid">
					   <li class="list1">
					   		<i class="speech"> </i><h3 class="m_3"><span class="m_4">新闻资讯</span></h3><div class="clear5"></div>
					   </li>
					   	<php>
							$lastnews=sp_sql_posts("cid:$xinwenzixun;field:term_id,post_title,post_date,post_excerpt,tid,posts.id as pid,smeta;order:post_date desc;limit:4;");
						</php>
						<foreach name="lastnews" item="vo">
							
				           <li class="list3"><a href="{:leuu('article/index',array('id'=>$vo['pid'],'cid'=>$vo['term_id']))}">{:msubstr($vo['post_title'],0,10)}</a>
							  <p class="list_desc">{:msubstr($vo['post_excerpt'],0,25)}</p>
				           </li>
				        </foreach>
					</ul>
				  </div>
				   <div class="col-md-4 popular_topics1">
					   	<ul class="topic_grid">
						   <li class="list1">
						   		<i class="book"> </i><h3 class="m_3"><span class="m_4">最新公告</span></h3><div class="clear5"></div>
						   </li>
						</ul>
						<div class="menu_vertical">
			         	 	<section class="accordation_menu">
						<php>
							$lastnews=sp_sql_posts("cid:$zuixingonggao;field:post_title,post_date,post_excerpt,tid,smeta;order:post_date desc;limit:4;"); 
						</php>
						<foreach name="lastnews" item="vo">
								<div>
								    <input id="label-{$key+1}" name="lida" type="radio"/>
								    <label for="label-{$key+1}" id="item{$key+1}">
										<i class="icon-leaf" id="i"></i>
											{:msubstr($vo['post_title'],0,10)}
										<i class="icon-plus-sign i-right1"></i>
									</label>
								    <div class="content" id="a2">
								       <ul class="news_list">
						  			     <li class="date">
											{:date('d',strtotime($vo['post_date']))}<br><span class="highlight">{:date('M',strtotime($vo['post_date']))}</span><br><span class="light_color">{:date('Y',strtotime($vo['post_date']))}</span>
										 </li>
										 <li class="date_desc">
						  			   	 	<p>{:msubstr($vo['post_excerpt'],0,10)}</p>
						  			   	 </li>
						  			   	 <div class="clear"> </div>
						  			  </ul>      
								    </div>
								</div>
								
							</foreach>
							</section>
						</div>
				   </div>
					<div class="col-md-4">
						<ul class="topic_grid">
							<li class="list1">
								<i class="megaphone"> </i><h3 class="m_3"><span class="m_4">精彩视频</span></h3><div class="clear5"></div>
							</li>
						 </ul>
						 <div>
							<video class="video-js" width="345" autoplay="autoplay" loop="loop">
								<source src="./__TMPL__Public/assets/images/video.mp4" type="video/mp4" ></source>
							</video>
						 </div>
							
					</div>
				</div>
			</div>
			</div>
			<div class="content_middle">
				<div class="container">
					<div class="content_middle_desc">
						<h3><span class="m_8">想更多的了解我们吗</span></h3>
						<p>请在下方输入您想知道的内容，了解更多大学信息</p>
					<form method="post" class="form-inline" action="{:U('portal/search/index')}">
					<div class="content_search"><span class="left_line1"> </span> <input type="text" name="keyword" value="{:I('get.keyword')}">
					 <input type="submit" value="戳我搜索"><span class="right_line1"> </span></div>
					</form>
					</div>
				</div>
			</div>
			<php>
		$lastnews=sp_sql_posts("cid:1;field:post_title,post_excerpt,object_id,smeta,term_id;order:listorder asc;limit:4;"); 
	</php>
			<div class="content_middle-bottom">
			  <div class="container">
				 <div class="row">
				 	<php>
							$lastnews=sp_sql_posts("cid:$luqu;field:term_id,post_title,post_date,object_id,post_excerpt,tid,posts.id as pid,smeta;
order:post_date desc;limit:4;");
					</php>
					<foreach name="lastnews" item="vo">
						<php>$smeta=json_decode($vo['smeta'],true);</php>
						<div class="col-md-3 bottom_grid1">
						  <a href="{:leuu('article/index',array('id'=>$vo['object_id'],'cid'=>$vo['term_id']))}" class="b-link-diagonal b-animate-go  thickbox">
							<img src="{:sp_get_asset_upload_path($smeta['thumb'])}" class="img-responsive" alt="" style="width:240px;height: 200px" />
						  </if>
						  <div class="b-wrapper" style="height: 220px;">
						  	<h2 class="b-animate b-from-left    b-delay03 "><img src="__TMPL__Public/assets/images/hover_search.png" alt=""/></h2>
						  	<p class="b-animate b-from-right    b-delay03 "> </p>
						  	</div></a>
					        <div class="grid_desc">
					        	<h4><a href="{:leuu('article/index',array('id'=>$vo['object_id'],'cid'=>$vo['term_id']))}">{:msubstr($vo['post_title'],0,20)}</a></h4>
					        	<p>{:msubstr($vo['post_excerpt'],0,20)}</p>
					        </div>
						</div>
					</foreach>
			    </div>
			  </div>
			</div>
		</div>
		<tc_include file="Public:foot" />
	  	<div class="side">
	<ul>
		<li><a href="/index.php?g=portal&m=page&a=index&id=15"><div class="sidebox"><img src="__TMPL__Public/assets/images/side_icon01.png">关于我们</div></a></li>
		<li><a href="http://telier.com/index.php?m=list&a=index&id=3" target="_blank" ><div class="sidebox"><img src="__TMPL__Public/assets/images/side_icon02.png">录取案例</div></a></li>
		<li><a href="tencent://message/?uin=84033795&Site=sc.chinaz.com&Menu=yes" ><div class="sidebox"><img src="__TMPL__Public/assets/images/side_icon04.png">QQ客服</div></a></li>
		<li><a href="http://weibo.com/u/5734676181" target="_blank" ><div class="sidebox"><img src="__TMPL__Public/assets/images/side_icon03.png">新浪微博</div></a></li>
		<li style="border:none;"><a href="javascript:goTop();" class="sidetop"><img src="__TMPL__Public/assets/images/side_icon05.png"></a></li>
	</ul>
</div>
<script type="text/javascript">
$(document).ready(function(){

	$(".side ul li").hover(function(){
		$(this).find(".sidebox").stop().animate({"width":"124px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#ae1c1c"})	
	},function(){
		$(this).find(".sidebox").stop().animate({"width":"54px"},200).css({"opacity":"0.8","filter":"Alpha(opacity=80)","background":"#000"})	
	});
	
});

//回到顶部
function goTop(){
	$('html,body').animate({'scrollTop':0},600);
}
</script>
<script src="./__TMPL__Public/assets/js/swiper.min.js"></script>
<script type="text/javascript">
  var mySwiper = new Swiper('.swiper-container',{
    loop: true,
	autoplay: 3000,
  });
</script>
</body>
</html>